<!doctype html>
<html class="no-js">

<head>
	<meta charset="utf-8" />
	<title>Wing Chun Exercices</title>
	
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link rel="stylesheet" media="all" href="css/style.css" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
	
	
	<!-- JS -->
	<script src="js/jquery-1.6.4.min.js"></script>
	<script src="js/css3-mediaqueries.js"></script>
	<script src="js/custom.js"></script>
	<script src="js/tabs.js"></script>
	
	<!-- Tweet -->
	<link rel="stylesheet" href="css/jquery.tweet.css" media="all" />
	<script src="js/tweet/jquery.tweet.js"></script>
	<!-- ENDS Tweet -->
	
	<!-- superfish -->
	<link rel="stylesheet" media="screen" href="css/superfish.css" />
	<script src="js/superfish-1.4.8/js/hoverIntent.js"></script>
	<script src="js/superfish-1.4.8/js/superfish.js"></script>
	<script src="js/superfish-1.4.8/js/supersubs.js"></script>
	<!-- ENDS superfish -->
	
	<!-- prettyPhoto -->
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css"
		media="screen" />
	<!-- ENDS prettyPhoto -->
	
	<!-- poshytip -->
	<link rel="stylesheet"
		href="js/poshytip-1.1/src/tip-twitter/tip-twitter.css" />
	<link rel="stylesheet"
		href="js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css" />
	<script src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
	<!-- ENDS poshytip -->
	
	<!-- GOOGLE FONTS -->
	<link
		href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300'
		rel='stylesheet' type='text/css'>
	
	<!-- Flex Slider -->
	<link rel="stylesheet" href="css/flexslider.css">
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- ENDS Flex Slider -->
	
	<!-- Less framework -->
	<link rel="stylesheet" media="all" href="css/lessframework.css" />
	
	<!-- modernizr -->
	<script src="js/modernizr.js"></script>
	
	<!-- SKIN -->
	<link rel="stylesheet" media="all" href="css/skin.css" />

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript">
		function loadHeaderAndFooter() {
			$('#header').load('header.html',function() {
				var topContainer = $("#top-widget");
				var topTrigger = $("#top-open");
				
				topTrigger.click(function(){
					topContainer.animate({
						height: 'toggle'
					});
					
					if( topTrigger.hasClass('tab-closed')){
						topTrigger.removeClass('tab-closed');
					}else{
						topTrigger.addClass('tab-closed');
					}
					
					return false;
					
				});
			});
			$('#footer').load('footer.html'); 
		  }
	</script>

</head>

<body lang="fr" onLoad="loadHeaderAndFooter()">
	<header id="header" class="clearfix"> </header>
	
	<!-- MAIN -->
	<div id="main" >
		<div class="wrapper">

			<!-- slider holder -->
			<div id="slider-holder" class="clearfix">

				<!-- slider -->
				<div class="flexslider home-slider">
					<ul class="slides">
						<li><img src="img/slides/wing-chun-tools.jpg" alt="alt text" /></li>
						<li><img src="img/slides/test1.bmp" alt="vertical punch" /><p class="flex-caption">Applications de techniques ...</p></li>
						<li><img src="img/slides/be-water-my-friend.jpg" alt="alt text" /><p class="flex-caption-large">Empty your mind. Be formless, shapeless. Like water. You put water into a bottle and it becomes the bottle. You put into a teapot, it becomes the teapot. Water flow, or it can crash. Be water, my friend!</p></li>
					</ul>
				</div>
				<!-- ENDS slider -->

				<div class="home-slider-clearfix "></div>

				<!-- Headline -->
				<div id="headline">
					<img src="img/wing-chun-sign.png" alt="img/wing-chun-sign.png" class="wingchunsign"/>
					<p>A Toulouse, sur le mur d'une acad&eacute;mie de Wing Chun figure la citation suivante : <br>"<i style="font-style: italic;">N'ai pas peur d'apprendre lentement. Crains seulement de t'arrêter</i>".</p>
					<p>
						<a href="http://www.yimwingchun.com" target="_blank">yimwingchun.com</a>
					</p>
					<em id="corner"></em>
				</div>
				<!-- ENDS headline -->


			</div>
			<!-- ENDS slider holder -->


			<!-- home-block -->
			<div class="home-block">
				<h2 class="home-block-heading">
					<span>EXERCICES EN VRAC</span>
				</h2>
				<div class="one-third-thumbs clearfix">
					<figure>
						<figcaption>
							<strong>Application Chum Kil</strong> <span>Une des nombreuse application de Chum Kil, 
							&eacute;tudi&eacute;e dans cet exercice de manière p&eacute;dagogique : utilisation de Bon Sao avec Wu Sao 
							et de Tan Sao.</span> <em>21 juillet 2013</em> <a href="application-chum-kil-1.html" class="opener"></a>
						</figcaption>

						<a href="application-chum-kil-1.html" class="thumb"><img
							src="img/chum-kil-didier-beddar.png" alt="Application Chum Kil" /></a>
					</figure>

					<figure>
						<figcaption>
							<strong>D&eacute;placements basiques</strong> <span>Une petite vid&eacute;o r&eacute;alis&eacute;e par Sifu SERROR 
							avec des d&eacute;placements et des mouvements de bases.</span> <em>22 juillet 2013</em> 
							<a href="basic-moves.html" class="opener"></a>
						</figcaption>

						<a href="basic-moves.html" class="thumb"><img
							src="img/moves.gif" alt="Alt text" /></a>
					</figure>

				</div>
			</div>
			<!-- ENDS home-block -->


			<!-- home-block -->
			<div class="home-block">
				<h2 class="home-block-heading">
					<span>DERNIERS EXERCICES</span>
				</h2>
				<div class="one-fourth-thumbs clearfix">


					<figure>
						<figcaption>
							<strong>Pellentesque habitant morbi</strong> <span>Pellentesque
								habitant morbi tristique senectus et netus et malesuada fames ac
								turpis egestas. Vestibulum tortor quam, feugiat vitae.</span> <em>December
								08, 2011</em> <a href="single.html" class="opener"></a>
						</figcaption>

						<a href="single.html" class="thumb"><img
							src="img/dummies/featured-7.jpg" alt="Alt text" /></a>
					</figure>

					<figure>
						<figcaption>
							<strong>Pellentesque habitant morbi</strong> <span>Pellentesque
								habitant morbi tristique senectus et netus et malesuada fames ac
								turpis egestas. Vestibulum tortor quam, feugiat vitae.</span> <em>December
								08, 2011</em> <a href="single.html" class="opener"></a>
						</figcaption>

						<a href="single.html" class="thumb"><img
							src="img/dummies/featured-8.jpg" alt="Alt text" /></a>
					</figure>

					<figure>
						<figcaption>
							<strong>Pellentesque habitant morbi</strong> <span>Pellentesque
								habitant morbi tristique senectus et netus et malesuada fames ac
								turpis egestas. Vestibulum tortor quam, feugiat vitae.</span> <em>December
								08, 2011</em> <a href="single.html" class="opener"></a>
						</figcaption>

						<a href="single.html" class="thumb"><img
							src="img/dummies/featured-9.jpg" alt="Alt text" /></a>
					</figure>

					<figure class="last">
						<figcaption>
							<strong>Pellentesque habitant morbi</strong> <span>Pellentesque
								habitant morbi tristique senectus et netus et malesuada fames ac
								turpis egestas. Vestibulum tortor quam, feugiat vitae.</span> <em>December
								08, 2011</em> <a href="single.html" class="opener"></a>
						</figcaption>

						<a href="single.html" class="thumb"><img
							src="img/dummies/featured-10.jpg" alt="Alt text" /></a>
					</figure>

					<a href="#" class="more-link right">Plus d'exercices &#8594;</a>

				</div>

			</div>
			<!-- ENDS home-block -->

		</div>
	</div>
	<!-- ENDS MAIN -->
	
	<footer id="footer"> </footer>
</body>

</html>